<template>
  <v-card>
    <v-card-title primary-title>
      <h3>评论</h3>
    </v-card-title>
    <div class="vcomments">

    </div>
  </v-card>
</template>
<script type="text/ecmascript-6">
  import Valine from 'valine';

  export default {
    props: {
      path: {
        type: String
      }
    },
    data() {
      return {}
    },
    mounted() {
      console.log('=================================')
      console.log(window.location.href, this.path);
      this.init();

    },
    methods: {
      init() {
        const valine = new Valine();
        valine.init({
          el: '.vcomments',
          appId: 'WX7RqfpRp6xbgWtCEhTKC9Mt-gzGzoHsz',
          appKey: 'tiSrJP5hYC6opoE3XyaQRl9a',
          lang: 'zh-cn',
          notify: false,
          verify: false,
          avatar: 'wavatar',
          placeholder: '说点什么吧',
          visitor: true,
          path: window.location.href
        })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>

</style>
